/* BG Animation */
:root {
  --color-1: rgba(2, 225, 186, 0.8);
  --color-2: rgba(38, 201, 242, 0.8);
  --color-3: rgba(217, 17, 242, 0.8);
  --color-4: rgba(255, 160, 121, 0.8);
  --color-5: rgba(255, 255, 255, 0.07);
  --v-primary-base: rgba(242, 242, 242, .6);
  overflow-x: hidden;
}

body {
  background: -moz-linear-gradient(45deg, var(--color-1) 0%, var(--color-2) 29%, var(--color-3) 66%, var(--color-4) 100%);
  background: -webkit-linear-gradient(45deg, var(--color-1) 0%, var(--color-2) 29%, var(--color-3) 66%, var(--color-4) 100%);
  background: linear-gradient(45deg, var(--color-1) 0%, var(--color-2) 29%, var(--color-3) 66%, var(--color-4) 100%);
  background-size: 200% 400%;
  -webkit-animation: Gradient 30s ease infinite;
  -moz-animation: Gradient 30s ease infinite;
  animation: Gradient 30s ease infinite;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-evenly;
}

body::before,
body::after {
  content: "";
  width: 70vmax;
  height: 70vmax;
  position: absolute;
  background: var(--color-5);
  left: -20vmin;
  top: -20vmin;
  animation: morph 15s linear infinite alternate, spin 20s linear infinite;
  z-index: -1;
  will-change: border-radius, transform;
  transform-origin: 55% 55%;
  pointer-events: none;
}

body::after {
  width: 70vmin;
  height: 70vmin;
  left: auto;
  right: -10vmin;
  top: auto;
  bottom: 0;
  animation: morph 10s linear infinite alternate, spin 26s linear infinite reverse;
  transform-origin: 20% 20%;
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

@keyframes Gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

@keyframes morph {
  0% {
    border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%;
  }
  100% {
    border-radius: 40% 60%;
  }
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

.st0 {
  display: none;
}

.st1 {
  display: inline;
}

.st2 {
  opacity: 0.29;
}

.st3 {
  fill: #FFFFFF;
}

.st4 {
  clip-path: url(#SVGID_2_);
  fill: #FFFFFF;
}

.st5 {
  clip-path: url(#SVGID_4_);
}

.st6 {
  clip-path: url(#SVGID_6_);
}

.st7 {
  clip-path: url(#SVGID_8_);
}

.st8 {
  clip-path: url(#SVGID_10_);
}

.st9 {
  fill: none;
}

.st10 {
  clip-path: url(#SVGID_12_);
}

.st11 {
  opacity: 0.7;
}

.st12 {
  clip-path: url(#SVGID_14_);
}

.st13 {
  opacity: 0.2;
}

.st14 {
  clip-path: url(#SVGID_16_);
}

.st15 {
  opacity: 0.3;
  fill: #FFFFFF;
  enable-background: new;
}

/* End BG Animation */

.v-btn.error {
    background-color: transparent !important;
    border: none!important;
    color: var(--v-error-base) !important;
}

.v-btn.error .v-icon__svg {
    fill: var(--v-error-base) !important;
}

.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
    background: #383838;
}

.theme--dark.v-sheet {
    background-color: rgba(0, 0, 0, 0.44)!important;
    backdrop-filter: blur(10px);
    border: none!important;
    box-shadow: none!important;
}

.theme--dark.v-application,
.theme--dark.v-navigation-drawer,
.v-navigation-drawer__image>.v-image>.v-image__image.v-image__image--cover {
    background: transparent;
    background-image: none!important;
    border: none!important;
    box-shadow: none!important;
}

.v-navigation-drawer__border {
    width: 0;
}

.theme--dark.v-app-bar.v-toolbar.v-sheet {
    background-color: rgba(0, 0, 0, 0.32)!important;
    backdrop-filter: blur(10px);
}

.theme--dark.v-navigation-drawer,
.v-color-picker__controls {
    background: rgba(0, 0, 0, 0.32);
    backdrop-filter: blur(10px);
}

.v-application .panel {
    background-color: rgba(0, 0, 0, 0.48)!important;
    backdrop-filter: blur(10px);
    box-shadow: none!important;
    border: none;
}

.v-application .panel .theme--dark.v-toolbar.v-sheet,
.theme--dark.v-data-table,
.theme--dark.v-tabs>.v-tabs-bar,
.theme--dark.v-tabs-items,
.v-sheet.v-list,
.settings-tabs .theme--dark.v-sheet,
.filesJobqueue.theme--dark.v-sheet,
.v-card>*:first-child:not(.v-btn):not(.v-chip):not(.v-avatar), .v-card>.v-card__progress+*:not(.v-btn):not(.v-chip):not(.v-avatar),
.filesGcodeCard.theme--dark.v-sheet,
.cm-gutters,
.cm-editor
{
    backdrop-filter: blur(0px);
    background-color: transparent !important;
    border: none!important;
    box-shadow: none!important;
}

.v-input__slot {
    background-color: transparent!important;
    border: none!important;
    box-shadow: none!important;
}

.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row), .theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row),
.theme--dark.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th,
.theme--dark.v-divider,
.consoleTableRow.default+.consoleTableRow .col,
.theme--dark.v-data-table .v-data-footer,
.consoleTable[data-v-3946c1f9],
.echarts-tooltip .py-1,
.v-btn--outlined{
    border: none!important;
}

.cm-gutter {
    background-color: rgba(0, 0, 0, 0.43)!important;
}

.echarts-tooltip {
    background-color: rgba(0, 0, 0, 0.43)!important;
    backdrop-filter: blur(10px);
    border: none!important;
    box-shadow: none!important;
}

.v-menu__content {
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 0.85)!important;
    backdrop-filter: blur(10px);
}

.v-application .grey.darken-3.v-btn,
.v-btn,
.v-btn-toggle {
    box-shadow: none!important;
    background-color: transparent !important;
}

.v-progress-circular__underlay {
    stroke: rgba(0, 0, 0, 0.55)!important;
}

.v-btn {
    border-radius: 8px;
}

.webcamImage {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: transparent!important;
    overflow: hidden;
}

.webcamFpsOutput {
    bottom: 6px!important;
    right: 6px!important;
    background-color: rgba(0, 0, 0, 0.33)!important;
    backdrop-filter: blur(10px);
    border-radius: 8px;
    border-top-left-radius: 8px;
    margin-bottom: 10px
}

div[data-v-11632d50] {
    border-radius: 0 0 15px 15px!important;
    overflow: hidden;
}

.v-dialog,
.v-sheet.v-card,
.v-tooltip__content.menuable__content__active {
    border: none;
    border-radius: 15px!important;
}

.v-dialog--fullscreen .v-sheet.v-card {
    border-radius: 0!important;
}

svg a[data-v-5c71071d] {
    stroke: none!important;
}

x-vue-echarts text{
    fill-opacity: 0.75!important;
}

.icon-rotate {
    animation-duration: 1.75s!important;
}

.fluidd .v-expansion-panel{
    background-color: rgba(0, 0, 0, 0.24)!important;
    backdrop-filter: blur(10px);
    border: none!important;
    box-shadow: none!important;
    border-radius: 15px;
}

.fluidd .filesystem-wrapper,
.fluidd .console-wrapper {
    background-color: transparent!important;
    backdrop-filter: none;
}

.fluidd .file-system .v-toolbar,
.fluidd .footer {
    background-color: transparent!important;
    backdrop-filter: none!important;
}

.fluidd .console-wrapper .secondary--text,
.fluidd .footer .secondary--text {
    color: #fff!important;
}

.fluidd .container[data-v-bd286738] {
    border: none!important;
}

.fluidd .v-btn {
    box-shadow: none!important;
    background-color: transparent!important;
}

.fluidd .v-btn:hover,
.fluidd .v-btn:focus {
    background-color: rgba(0, 0, 0, 0.33)!important;
}

.fluidd .v-chip {
    background: rgba(0, 0, 0, 0.66)!important;
    background-color: rgba(0, 0, 0, 0.66)!important;
}

.fluidd .menuable__content__active {
    background: rgb(203 203 203 / 0%)!important
}

.fluidd .v-navigation-drawer {
    background-color: rgb(0 0 0 /12%)!important;
    border: none!important;
    backdrop-filter: blur(10px);
}

.fluidd .v-navigation-drawer .v-list-item--active {
    background-color: rgb(0 0 0 / 20%)!important;
}

.fluidd .v-navigation-drawer .v-list-item:hover {
    background-color: rgb(0 0 0 / 20%)!important;
}

.fluidd .toolbar-logo {
    background-color: transparent!important;
    border: none!important;
}

.fluidd .theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
    background-color: rgb(0 0 0 / 15%)!important;
    border-radius: 15px!important;
    backdrop-filter: blur(10px);
}

.fluidd .v-data-table>.v-data-table__wrapper tbody tr:hover td:first-child {
    border-bottom-left-radius: 15px!important;
    border-top-left-radius: 15px!important;
}

.fluidd .v-data-table>.v-data-table__wrapper tbody tr:hover td:last-child {
    border-bottom-right-radius: 15px!important;
    border-top-right-radius: 15px!important;
}

.fluidd .file-system .v-data-table tr>td.actions div,
.fluidd .file-system .v-data-table tr>td.actions div:before {
    background: transparent;
    border-bottom-right-radius: 15px!important;
    border-top-right-radius: 15px!important;
}
